<%@page import="com.canin.model.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<div id="rightPan">
	<div id="rightbodyPan">

		<div id="headerTab" style=" height:55px; ">
			<a style="width: 90px;" href="<s:url action="member_edit"/>">ข้อมูลส่วนตัว</a>
			<a style="width: 60px;" id="clicked">เพิ่มสุนัข</a>
			<a style="width: 200px;" href="<s:url action="dog_toEdit"/>">ปรับปรุงข้อมูลสุนัขให้เป็นปัจจุบัน</a>
			<a style="width: 200px; margin-top: 5px; " href="<s:url action="sugg_food"/>">สั่งซื้ออาหารสำหรับสุนัขของฉัน</a>
			<a style="width: 210px; margin-top: 5px; " href="<s:url action="sugg_tool"/>">สั่งซื้ออุปกรณ์สำหรับสุนัขของฉัน</a>
		</div>
		
		<script type="text/javascript">
			function add() {
				document.getElementById( 'dog_add' ).submit();
			}
			
			function onSexChange(value){
				if ( value == "F" ){
					document.getElementById('pregnantWeekList').disabled = false;
					document.getElementById('lactateWeekList').disabled = false;
				}
				else{
					document.getElementById('pregnantWeekList').disabled = true;
					document.getElementById('lactateWeekList').disabled = true;
					
					document.getElementById('pregnantWeekList').value = -1;
					document.getElementById('lactateWeekList').value = -1;
				}
			}
			
			function onPragantChange(value){
				if ( value != "-1" ){
					document.getElementById('lactateWeekList').value = -1;
				}
			}
			
			function onLactateChange(value){
				if ( value != "-1" ){
					document.getElementById('pregnantWeekList').value = -1;
				}
			}
		</script>

		<s:form id="dog_add" action="dog_add" theme="simple">

			<table>
				<tr>
					<td id="slabel" style="padding-top: 30px;">พันธุ์:<span>*</span></td>
					<td style="padding-top: 30px;">
						<s:select list="breedNameList" key="dogForm.breedNameList" headerKey="-1" headerValue=""/>
					</td>
				</tr>
				<tr>
					<td id="slabel">ชื่อสุนัข:<span>*</span></td>
					<td><s:textfield name="dogForm.dogName" size="25"></s:textfield></td>
				</tr>
				<tr>
					<td id="slabel">เพศ:<span>*</span></td>
					<td><s:select key="dogForm.genders" list="genders" id="genders" onchange="onSexChange(this.value);"
					 headerKey="-1" headerValue=""/></td>
				</tr>
				<tr>
					<td id="slabel">เดือน - ปีเกิด:<span>*</span></td>
					<td><s:select list="months" key="dogForm.months" headerKey="-1" headerValue=""/>
					- <s:select list="years" key="dogForm.years" headerKey="-1" headerValue=""/>
				</tr>
				<tr>
					<td id="slabel">รูปภาพ:</td>
					<td><s:file name="dogImage"/></td>
				</tr>
				
				<tr>
					<td style=" padding-top: 20px;" id="slabel">น้ำหนัก</td>
					<td style=" padding-top: 20px;"><s:textfield name="dogForm.dogWeight" size="5"></s:textfield>กิโลกรัม</td>
				</tr>
				<tr>
					<td id="slabel">ลักษณะขน</td>
					<td><s:select list="coats" key="dogForm.coats" headerKey="-1" headerValue=""/></td>
				</tr>
				<tr>
					<td id="slabel">มีขนเป็นแผงที่คอ หรือไม่</td>
					<td><s:radio key="dogForm.maneFlag" list="maneFlag" value="0"/></td>
				</tr>
				<tr>
					<td id="slabel">ตั้งท้อง</td>
					<td>
						<s:select list="pregnantWeekList" key="dogForm.pregnantWeekList" disabled="true" 
						id="pregnantWeekList" headerKey="-1" headerValue="" onchange="onPragantChange(this.value)"/> สัปดาห์
					</td>
				</tr>
				<tr>
					<td id="slabel">สัปดาห์ที่ให้นม</td>
					<td>
						<s:select list="lactateWeekList" key="dogForm.lactateWeekList" disabled="true" 
						id="lactateWeekList" headerKey="-1" headerValue="" onchange="onLactateChange(this.value)"/> สัปดาห์
					</td>
				</tr>
				<tr>
					<td id="slabel">ระดับกิจกรรม:</td>
					<td><s:select list="activityLevelList" key="dogForm.activityLevelList" headerKey="-1" headerValue=""/></td>
				</tr>
				<tr><td></td><td>ตัวอย่างกิจกรรมที่นำมานับรวมชั่วโมง</td></tr>
				<tr><td></td><td>เช่น กิจกรรมนอกบ้าน การออกกำลังกาย เป็นต้น</td></tr>
				<tr>
					<td id="slabel">แพ้เนื้อวัว หรือไม่:</td>
					<td><s:radio list="allergyToBeefFlag" key="dogForm.allergyToBeefFlag" value="0"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้เนื้อหมู หรือไม่:</td>
					<td><s:radio list="allergyToPorkFlag" key="dogForm.allergyToPorkFlag" value="0"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้เนื้อไก่ หรือไม่:</td>
					<td><s:radio list="allergyToChickenFlag" key="dogForm.allergyToChickenFlag" value="0"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้เนื้อปลา หรือไม่:</td>
					<td><s:radio list="allergyToFishFlag" key="dogForm.allergyToFishFlag" value="0"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้นม หรือไม่:</td>
					<td><s:radio list="allergyToMilkFlag" key="dogForm.allergyToMilkFlag" value="0"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้หางนม หรือไม่:</td>
					<td><s:radio list="allergyToWheyFlag" key="dogForm.allergyToWheyFlag" value="0"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้ไข่ หรือไม่:</td>
					<td><s:radio list="allergyToEggFlag" key="dogForm.allergyToEggFlag" value="0"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้ถั่วเหลือง หรือไม่:</td>
					<td><s:radio list="allergyToSoybeanFlag" key="dogForm.allergyToSoybeanFlag" value="0"/></td>
				</tr>
				<tr>
					<td id="slabel">แพ้ข้าวโพด หรือไม่:</td>
					<td><s:radio list="allergyToCornFlag" key="dogForm.allergyToCornFlag" value="0"/></td>
				</tr>
			</table>

			<input onclick="add()"
				type="button" value="ตกลง" id="button"
				style="margin: 30px 0 0 250px;"></input>

		</s:form>

	</div>
</div>

